<script lang="tsx">
import { defineComponent } from 'vue'
import { Icon } from '@bairong/uxd-ui'

export default defineComponent({
  components: { UIcon: Icon },
  data() {
    return {
      info: null
    }
  },
  // TODO 添加删除按钮功能
  render() {
    const empty = (
      <>
        <u-icon style="font-size: 128px" type="svg-empty"></u-icon>
        <span class="empty-text">暂无数据</span>
      </>
    )

    return <div class="criterion-quota">{this.info ? 'test' : empty}</div>
  }
})
</script>

<style lang="less" scoped>
.criterion-quota {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 593px;
  height: 165px;
  background: #ffffff;
  border: 1px solid #d9d9d9;

  .empty-text {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
  }
}
</style>
